<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
<!--    <link type="text/css" rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css" />-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/lib.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/1362.css}">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script type="text/javascript" th:src="@{/js/jquery-1.11.3.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery-2.1.4.js}"></script>
    <script type="text/javascript" th:src="@{/js/org1480746227.js}" data-main="baseMain"></script>
    <script th:src="@{/js/jq-paginator.js}"></script>
    <title>亿盛达-房产</title>
    <style type="text/css">
        .demo {
            padding: 20px;
            margin-bottom: 20px;
            background-color: #f7f7f7;
        }
        .demo li{
            float:left
        }

        .demo li a{
            float:left
        }
    </style>
</head>

<body>
<div id="header" class="index_nav" style="background: #fff">
    <div class="content">
        <a href="/web/index.html" id="logo"><img th:src="@{/images/1482810077929.png}" height="40"/></a>
        <ul id="nav">
            <li class="navitem">
                <a class="nav-a " href="/web/index.html" target="_self"><span data-title="首页">首页</span></a>
            </li>
            <li class="navitem">
                <a class="nav-a active" target="_self" href="/web/estateInfo.html?pageNo=1&type=-1"><span data-title="楼盘展示">楼盘展示</span></a>
                <ul class="subnav">
                    <li>
                        <a href="/web/estateInfo.html?pageNo=1&type=-1" target="_self"><span data-title="热销楼盘">热销楼盘</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/estateInfo.html?pageNo=1&type=1" target="_self"><span data-title="新盘预告">新盘预告</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                </ul>
            </li>
            <li class="navitem">
                <a class="nav-a "target="" href="/web/about.html"><span data-title="关于我们">关于我们</span></a>
                <ul class="subnav">
                    <li>
                        <a href="/web/about.html" target="_self"><span data-title="关于亿盛达">关于亿盛达</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/development.html" target="_self"><span data-title="发展历程">发展历程</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/honor.html" target="_self"><span data-title="企业荣誉">企业荣誉</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/culture.html" target="_self"><span data-title="企业文化">企业文化</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                </ul>
            </li>
            <li class="navitem">
                <a class="nav-a " href="/web/services.html" target="_self"><span data-title="品牌招商">品牌招商</span></a>
            </li>
            <li class="navitem">
                <a class="nav-a " target="_self" href="/web/biddingInfo.html?pageNo=1&type=1"><span data-title="招标公告">招标公告</span></a>
                <ul class="subnav">
                    <li>
                        <a href="/web/biddingInfo.html?pageNo=1&type=1" target="_self"><span data-title="招标信息">招标信息</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/biddingInfo.html?pageNo=1&type=-1" target="_self"><span data-title="中标公告">中标公告</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                </ul>
            </li>
            <li class="navitem">
                <a class="nav-a " target="_self" href="/web/messageInfo.html?pageNo=1&type=0"><span data-title="资讯中心">资讯中心</span></a>
                <ul class="subnav">
                    <li>
                        <a href="/web/messageInfo.html?pageNo=1&type=0" target="_self"><span data-title="公司新闻">公司新闻</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/messageInfo.html?pageNo=1&type=1" target="_self"><span data-title="行业新闻">行业新闻</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                </ul>
            </li>
            <li class="navitem">
                <a class="nav-a " href="/web/contact.html" target="_self"><span data-title="联系我们">联系我们</span></a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
    <a id="headSHBtn" href="javascript:;"><i class="fa fa-bars"></i></a>
</div>
<div id="sitecontent">

    <div id="newsPage" class="npagePage Pagenews">
        <div id="banner" style="padding-top: 0px">
            <div th:style="'background-image:url(' + @{/images/20201005160726.jpg} + ');'"></div>
        </div>
        <div class="content">
            <div class="header">
                <p class="title">楼盘中心</p>
                <p class="subtitle">ESTATE</p>
            </div>
            <div id="category">
                <a href="/web/estateInfo.html?pageNo=1&type=-1" class="active">全部</a>
                <a href="/web/estateInfo.html?pageNo=1&type=0">热销楼盘</a>
                <a href="/web/estateInfo.html?pageNo=1&type=1">新盘预告</a>
            </div>
            <div id="newslist">
                <div class="wrapper">

                    <div id="newsitem_0" class="wow newstitem left" th:if="${estateList.records.size() != 0}" th:each="estate:${estateList.records}">
                        <a class="newscontent" target="_self" th:href="@{'/web/estateShow.html/?estateId='+${estate.id}}">
                            <div class="news_wrapper">
                                <div class="newsbody">
                                    <p class="date"><span class="md">2016<span>-</span></span><span
                                            class="year">12-21</span></p>
                                    <p class="title" th:text="${estate.estateName}"></p>
                                    <div class="separator"></div>
                                    <p class="description" th:text="${estate.estateContent}"></p>
                                </div>
                            </div>
                            <div class="newsimg" th:style="'background-image:url(' + @{'/imagesweb/'+${estate.floorImg}} + ');'"></div>
                        </a>
                        <a href="news_detail.html" target="_self" class="details">more<i class="fa fa-angle-right"></i></a>
                    </div>

                    <div class="wow newstitem left" th:if="${estateList.records.size() == 0}">
                        <i><h2>暂无信息</h2></i>
                    </div>

                </div>
            </div>
            <div class="clear"></div>

            <div id="pages" class="demo customBootstrap" th:if="${estateList.records.size() != 0}">
                <p style="margin-bottom: 10px">当前第 <span id="demo1-text"></span> 页</p>
                <ul id="demo1" class="pagination"></ul>
            </div>


        </div>
    </div>
</div>
<div id="footer">
    <p>COPYRIGHT (©) 2020 亿盛达.
        XXX
    </p>
</div>
<div id="shares">
    <a id="sshare"><i class="fa fa-share-alt"></i></a>
    <a href="#" target="_blank" id="sweibo"><i class="fa fa-weibo"></i></a>
    <a href="javascript:;" id="sweixin"><i class="fa fa-weixin"></i></a>
    <a href="javascript:;" id="gotop"><i class="fa fa-angle-up"></i></a>
</div>
<div class="fixed" id="fixed_weixin">
    <div class="fixed-container">
        <div id="qrcode"></div>
        <p>扫描二维码分享到微信</p>
    </div>
</div>
<div id="online_open"><i class="fa fa-comments-o"></i></div>
<div id="online_lx">
    <div id="olx_head">在线咨询<i class="fa fa-times fr" id="online_close"></i></div>
    <ul id="olx_qq">
        <li>
            <a href="tencent://message/?uin=XXX&Site=wangdahai&Menu=yes">QQ联系</a>
        </li>
    </ul>
</div>
<div class="hide">
</div>
</body>
<script th:inline="javascript">
    $(document).ready(function(){
        var setCount = 0;
        var message = [[${estateList}]];
        var param = [[${estateType}]];
        console.log(JSON.stringify(param))
        var pageNo = 1;

        $("#demo1").jqPaginator({
            totalPages: message.pages,
            visiblePages: 10,
            currentPage: message.current,
            // first: '<li class="first"><a href="/web/estateInfo.html?pageNo=1&type='+param+'">首页<\/a><\/li>',
            // prev: '<li class="prev"><a href="/web/estateInfo.html?pageNo='+pageNo+'&type='+param+'">上一页<\/a><\/li>',
            // next: '<li class="next"><a href="/web/estateInfo.html?pageNo='+(pageNo+1)+'&type='+param+'">下一页<\/a><\/li>',
            // last: '<li class="last"><a href="/web/estateInfo.html?pageNo=1&type='+param+'">尾页<\/a><\/li>',
            page: '<li class="page"><a href="/web/estateInfo.html?pageNo={{page}}&type='+param+'">{{page}}<\/a><\/li>',
            onPageChange: function(n) {
                $("#demo1-text").html(n)
                pageNo = n
            }
        })

    });


</script>

</html>